<template>
	<view class="tabs">
		<view class="head" hover-class="tada">
			<image v-if="orderListInfo.status===0&&orderListInfo.failStatus===0" class="img" src="../../static/images/lesson/ybm@2x.png"></image>
			<image v-if="orderListInfo.status===1" class="img" src="../../static/images/lesson/dfk@2x.png"></image>
			<image v-if="orderListInfo.status===0&&orderListInfo.failStatus===1" class="img1" src="../../static/images/lesson/tkz@2x.png"></image>
			<image v-if="orderListInfo.status===0&&orderListInfo.failStatus===2" class="img2" src="../../static/images/lesson/tksb@2x.png"></image>
			<image v-if="orderListInfo.status===0&&orderListInfo.failStatus===3" class="img3" src="../../static/images/lesson/ytk@2x.png"></image>
			<image v-if="orderListInfo.status===2" class="img4" src="../../static/images/lesson/ddyqx@2x.png"></image>
		</view>
		<view class="card box-c animated fadeIn" hover-class="tada">
		  	<view class="head1" @click="jumpTo(orderListInfo.shopId,orderListInfo.classifyId)">
		  		<text>{{orderListInfo.shopName}}</text>
		  		<text  class="iconfont iconqianjin icon_l"></text>
		  	</view>
		  	<view class="box" @click="jumpTo1(orderListInfo.classOrActivityId
)">
		  		<view class="">
		  			<image class="image1" style="height: 130rpx;border-radius: 10rpx;" :src="orderListInfo.classImage"  />
		  		</view>
		  		<view class="list-1">
		  			<view class="">{{orderListInfo.className
}}</view>
		  			<view class="">
						<image class="bg-img"  src="../../static/images/lesson/teacher@2x.png" mode=""></image>
						<text  class="t-name" >{{orderListInfo.teacherName}}老师</text>
					</view>
		  		</view>
		  	</view>
		</view>	
		<!-- 已报名状态 -->
		<view class="card1 box-c animated fadeIn" hover-class="tada" v-if="orderListInfo.status===0&&orderListInfo.failStatus===0">
			<view class="order-info">
				订单信息
			</view>
			<view class="order-infoTo">
				<view class="informion">
					<text>订单编号</text>
					<text>{{orderListInfo.ordersNumber}}</text>
				</view>
				<view class="informion">
					<text>支付时间</text>
					<text>{{orderListInfo.createTime}}</text>
				</view>
				<view class="informion">
					<text>订单金额</text>
					<text class="font">{{orderListInfo.classPrice}}</text>
				</view>
				<view class="informion">
					<text>结算方式</text>
					<text v-if="orderListInfo.type==='1'">积分支付</text>
					<text v-if="orderListInfo.type==='2'">微信支付</text>
				</view>
			</view>
		</view>
		<!-- 代付款状态 -->
		<view class="card1 box-c animated fadeIn" hover-class="tada" v-if="orderListInfo.status===1">
			<view class="order-info">
				订单信息
			</view>
			<view class="order-infoTo">
				<view class="informion">
					<text>订单编号</text>
					<text>{{orderListInfo.ordersNumber}}</text>
				</view>
				<view class="informion">
					<text>下单时间</text>
					<text>{{orderListInfo.createTime}}</text>
				</view>
				<view class="informion">
					<text>下单金额</text>
					<text class="font">{{orderListInfo.classPrice}}</text>
				</view>
			</view>
		</view>
		<!-- 退款中的状态 -->
		<view class="card1 box-c animated fadeIn" hover-class="tada" v-if="orderListInfo.status===0&&orderListInfo.failStatus===1">
			<view class="order-info">
				退款申请
			</view>
			<view class="order-infoTo">
				<view class="informion2">
					<text>申请时间：</text>
					<text>{{refundInfo.createTime}}</text>
				</view>
				<view class="informion1">
					<text>申请类型：</text>
					<text>{{refundInfo.typeName}}</text>
				</view>
				<view class="informion1">
					<text>申请原因：</text>
					<text>{{refundInfo.causeName}}</text>
				</view>
				<view class="informion3">
					<view>退款说明：</view>
					<view>{{refundInfo.refundRemark}}</view>
				</view>
			</view>
		</view>
	    <!-- 退款成功的状态 -->
		<view class="card1 box-c animated fadeIn" hover-class="tada" v-if="orderListInfo.status===0&&orderListInfo.failStatus===3">
			<view class="order-info">
				订单信息
			</view>
			<view class="order-infoTo">
				<view class="informion">
					<text>订单编号</text>
					<text>{{refundInfo.orderNumber}}</text>
				</view>
				<view class="informion">
					<text>退款时间</text>
					<text>{{refundInfo.updateTime}}</text>
				</view>
				<view class="informion">
					<text>退款金额</text>
					<text class="font">{{refundInfo.price}}</text>
				</view>
				<view class="informion">
					<text>退还账户</text>
					<text v-if="orderListInfo.type==='1'">积分账户</text>
					<text v-if="orderListInfo.type==='2'">微信账户</text>
				</view>
			</view>
		</view>
		<!-- 退款失败状态 -->
		<view class="card1 box-c animated fadeIn" hover-class="tada" v-if="orderListInfo.status===0&&orderListInfo.failStatus===2">
			<view class="order-info">
				失败原因
			</view>
			<view class="order-infoTo">
				<view class="informion4">
					<view>商家回复：</view>
					<view>{{refundInfo.shopRemark}}</view>
				</view>
			</view>
		</view>
		<!-- 订单已取消 -->
		<view class="card1 box-c animated fadeIn" hover-class="tada" v-if="orderListInfo.status===2">
			<view class="order-info">
				订单信息
			</view>
			<view class="order-infoTo">
				<view class="informion">
					<text>订单编号</text>
					<text>{{orderListInfo.ordersNumber}}</text>
				</view>
				<view class="informion">
					<text>下单时间</text>
					<text>{{orderListInfo.createTime}}</text>
				</view>
			</view>
		</view>
		<view class="lastcard  animated fadeIn" hover-class="tada">
			<view class="last-1-t" @tap="Refund(orderListInfo.ordersNumber)"  v-if="orderListInfo.status===0&&orderListInfo.failStatus===0">
				申请退款
			</view>
			<view class="last-3-t" @tap="notRefund"  v-if="orderListInfo.status===0&&orderListInfo.failStatus===1">
				取消退款
			</view>
			<view class="last-1-t" @tap="cancel1"  v-if="orderListInfo.status===1">
				取消订单
			</view>
			<view class="last-2-t" @tap="getclass" v-if="orderListInfo.status===0&&orderListInfo.failStatus===0">
				查看课程
			</view>
			<view class="last-2-t" @tap="open()" v-if="orderListInfo.status===1">
				立即支付
			</view>
			<view class="last-3-t" @tap="jumpclass" v-if="orderListInfo.status===2">
				再次购买
			</view>
		</view>
		<!-- <view class="content">
			<Modal v-model="show" :text='confirmText' @cancel='cancel' @confirm='confirm' />
		</view> -->
		<wybpopup ref="popup" type='bottom'>
			<view class="popup">
				<view class="pop-t">
					<image class="pop_images1" src="../../static/images/shoplist/guanbi@2x.png" mode="" @tap="close()"></image>
					<view>选择支付方式</view>
				</view>
				<view class="pop-c">
					<text>￥</text>
					<text>{{orderListInfo.classPrice}}</text>
				</view>
				<radio-group @change="radioChange">
					<label class="uni-lab" v-for="(item, index) in items" :key="item.value">
						<view class="">
							<image v-if="item.value==='1'" class="pop_images2" src="../../static/images/shoplist/jfzf@2x.png" mode=""></image>
							<image v-if="item.value==='2'" class="pop_images2" src="../../static/images/shoplist/wxzf@2x.png" mode=""></image>
							<view class="pop-name">
								<text>{{item.name}}</text>
								<text v-if="item.value==='1'">(剩余{{userInfo.userInfo.accumulatePoints}}积分)</text>
							</view>
						</view>
						<view>
							<radio :value="item.value" :checked="index === current" />
						</view>
					</label>
				</radio-group>
				<button class="payment" type="default" @tap='confirm()
				'>
					立即支付
				</button>
		
		
			</view>
		
		</wybpopup>
	</view>
	
</template>

<script>
	import wybpopup from '@/components/wyb-popup/wyb-popup.vue'
	import {
		mapState,
		mapMutations
	} from 'vuex';
	// import Modal from '@/components/x-modal/x-modal'
	export default{
		components: {
			wybpopup
		},
		data(){
			return{
				items: [{
						value: '1',
						name: '积分支付'
					},
					{
						value: '2',
						name: '微信支付',
						checked: 'true'
					}
				
				],
				current: 0,
				orderListInfo:'',
				refundInfo:'',
				show:false,
				confirmText: '',
				id: '',
				activityInfo:{
					isApply:''
				}
				
			}
		}, 
		onShow() {
			this.getUserInfo()
		
		},
		computed: {
			...mapState(['loginState', 'userInfo'])
		},
		methods:{
			jumpTo(shopId,classifyId){
				console.log(111)
				uni.navigateTo({
					url: '../shopList/product-activity?shopId='+shopId+'&classifyId='+classifyId,
					animationType: 'pop-in',
					animationDuration: 200
				})
			},
			jumpTo1(id){
				uni.navigateTo({
					url: '../shopList/product-activity-info?id='+id,
					animationType: 'pop-in',
					animationDuration: 200
				})
			},
			...mapMutations(['logout', 'setUserInfo']),
			// 获取用户信息
			getUserInfo() {
				
				console.log(this.loginState)
				console.log(this.userInfo)
				this.$api.getUserInfo().then((res) => {
					let userInfo = res.data.dataMap
					// this.getUserIn = res.data.dataMap
					console.log(userInfo)
					if (userInfo != null) {
						this.setUserInfo(userInfo)
					}
			
				})
			
			},
			radioChange: function(evt) {
				for (let i = 0; i < this.items.length; i++) {
					if (this.items[i].value === evt.detail.value) {
						this.current = i;
						break;
					}
				}
			},
			open() {
				this.$refs.popup.show()
			},
			close() {
				this.$refs.popup.hide()
			},
			onBackPress(){
				uni.$emit("carData", 2)
			},
			jumpclass(){
				console.log(1)
				uni.navigateTo({
					url: '../shopList/product-activity?shopId='+this.orderListInfo.shopId+'&classifyId='+this.orderListInfo.classifyId,
					success: res => {},
					fail: () => {},
					complete: () => {}
				});	
			},
			signIn() {
				let _this = this
				// permision.gotoAppPermissionSetting()
				let flag = permision.checkSystemEnableLocation()
			
				if (flag) {
					console.log("进入==")
					//开启定位
					uni.showLoading({
						title: '正在获取位置...'
					});
					uni.getLocation({
						type: 'wgs84',
						success: function(res) {
							_this.locations.length = 0
							_this.locations.push(res.longitude, res.latitude)
							console.log(_this.locations)
							console.log('当前位置的经度：' + res.longitude);
							console.log('当前位置的纬度：' + res.latitude);
							_this.$api.signUpOrOut({
								classOrActivityId: _this.id,
								locations: JSON.stringify(_this.locations)
							}).then((res) => {
								if (res.data.success) {
									let message = ''
									let isSign = -1
									if (_this.activityInfo.isSign == 0) {
										message = '签到成功'
										isSign = 3
									}
									if (_this.activityInfo.isSign == 1) {
										message = '签退成功'
										isSign = 4
									}
									_this.activityInfo.isSign = isSign
									uni.showToast({
										title: message,
										duration: 1500,
										icon: "none"
									});
								} else {
									uni.showToast({
										title: res.data.message,
										duration: 1500,
										icon: "none"
									});
								}
								uni.hideLoading();
			
							})
						},
						fail() {
							uni.showToast({
								title: "请检查位置是否开启",
								duration: 1500,
								icon: "none"
							});
							console.log("失败了")
							setTimeout(function() {
								permision.gotoAppPermissionSetting()
							}, 1000);
			
			
						}
					});
				} else {
					uni.showToast({
						title: "请检查位置是否开启",
						duration: 1000,
						icon: "none"
					});
					setTimeout(function() {
						permision.gotoAppPermissionSetting()
					}, 1500);
					return;
				}
			
			},
			// cancel(e) {
			// 	uni.showToast({
			// 		title: '已取消',
			// 		duration: 1500,
			// 		icon: "none"
			// 	});
			// },
			confirm(e) {
				let type=1
				if(this.current===0){
					type=1
				}
				if(this.current===1){
					type=2
				}
				this.applyActivity(this.orderListInfo.ordersNumber,type)
				// if (this.signModalType == 1) {
				// 	// this.signIn()
				// } else if (this.signModalType == 2) {
				// 	this.applyActivity(this.orderListInfo.ordersNumber,type)
				// }
			},
			// applyActivityModal() {
			// 	this.signModalType = 2 //报名提示弹窗
			// 	this.confirmText = '您确定要支付吗?'
			// 	this.show = true
				
			// },
			applyActivity(ordersNumber,type) {
				let _this = this
				this.$api.applyActivity({
					ordersNumber: ordersNumber,
					type:type
				}).then((res) => {
					if(res.data.success){
					if(type==1){ //余额支付
						if (res.data.success) {					
						_this.activityInfo.isApply = 1
						uni.showToast({
							title: '报名成功！',
							duration: 1500,
							icon: "none",
							
						});
						_this.close()
								this.$api.getClassOrdersListInfo({
									ordersNumber:_this.orderListInfo.ordersNumber
								}).then((res) => {
									console.log(res)
								   	if (res.data.code == 200) {
								   		_this.orderListInfo = res.data.dataMap
										console.log(_this.orderListInfo)
										_this.orderListInfo.createTime = _this.renderTime(res.data.dataMap.createTime)
								  
						        }
						})
						
						} else {
						uni.showToast({
							title: res.data.message,
							duration: 2000,
							icon: "none"
						});
						if (res.data.code == 20020) {
							setTimeout(function() {
								uni.navigateTo({
									url: '../pay/pay'
								})
							}, 1000);
						}
			
					}
					}else if(type==2){
							uni.requestPayment({
								provider: "wxpay",
								orderInfo: res.data.dataMap,
								success:(res)=> {
									uni.showToast({
										title: "支付成功",
										duration: 2500,
									});
									// this.getActivityInfo()
									_this.close()
									this.$api.getClassOrdersListInfo({
												ordersNumber:_this.orderListInfo.ordersNumber
											}).then((res) => {
												console.log(res)
											   	if (res.data.code == 200) {
											   		_this.orderListInfo = res.data.dataMap
													console.log(_this.orderListInfo)
													_this.orderListInfo.createTime = _this.renderTime(res.data.dataMap.createTime)
											  
									        }
									})
									// setTimeout(function() {
									// 	uni.switchTab({
									// 		url: '../user/user'
									// 	})
									// }, 1700);
							
								},
								fail(e) {
									console.log(e)
									uni.showToast({
										title: "支付失败",
										duration: 2000,
										icon: 'none',
									});
				
							
								}
							})
					}
					}else{
						_this.close()
						uni.showToast({
							title: res.data.message,
							duration: 2000,
							icon: "none"
						});
					}
			
				})
			},
			cancel1(){
				uni.showModal({
				    title: '提示',
				    content: '确定取消该订单？',
				    success: (res) =>{
				        if (res.confirm) {
				            console.log(this.orderListInfo.ordersNumber)
				            this.$api.cancelOrders({
				                 ordersNumber:this.orderListInfo.ordersNumber,
				            	}).then((res) => {
									console.log(res)
				                if (res.data.code == 200) {
				            			let _this = this
				            					this.$api.getClassOrdersListInfo({
				            						ordersNumber:this.orderListInfo.ordersNumber
				            					}).then((res) => {
													console.log(res)
				            					   	if (res.data.code == 200) {
				            					   		_this.orderListInfo = res.data.dataMap
				            							console.log(_this.orderListInfo)
				            							_this.orderListInfo.createTime = _this.renderTime(res.data.dataMap.createTime)
				            					  
				            			        }
				            			})
										
										
				                 }else{
				            		 uni.showToast({
				            		 	title: res.data.message,
				            		 	duration: 1000,
				            		 	icon: "none"
				            		 });
				            	 }
				            })
				        } else if (res.cancel) {
				            console.log('用户点击取消');
				        }
				    }
				});
				
			},
			Refund(a){
				uni.navigateTo({
					url: './lessonRefund?ordersNumber='+a,
					success: res => {},
					fail: () => {},
					complete: () => {}
				});
			},
			notRefund(){
				uni.showModal({
				    title: '提示',
				    content: '确定取消退款?',
				    success: (res)=> {
				        if (res.confirm) {
				            console.log(this.refundInfo.orderNumber)
				            this.$api.cancelRefund({
				                 orderNumber:this.refundInfo.orderNumber,
				            	 refundStatus: 3
				            	}).then((res) => {
				            		if (res.data.success) {
				            			uni.$emit("carData", 2)
				            			uni.navigateBack(1)
				            		} else {
				            			uni.showToast({
				            				title: res.data.message,
				            				duration: 1000,
				            				icon: "none"
				            			});
				            		}
				            })
				        } else if (res.cancel) {
				            console.log('用户点击取消');
				        }
				    }
				});
				
			},
			renderTime(date) {
			      var dateee = new Date(date).toJSON();
			      return new Date(+new Date(dateee) + 8 * 3600 * 1000).toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '')
			    },
			getclass(){
				uni.navigateTo({
					url: '../user/sign-schedule',
					success: res => {},
					fail: () => {},
					complete: () => {}
				});
			}
		},
		onLoad(option) { 
			let _this = this
				this.$api.getClassOrdersListInfo({
					ordersNumber:option.ordersNumber
				}).then((res) => {
				   	if (res.data.code == 200) {
				   		_this.orderListInfo = res.data.dataMap
						console.log(_this.orderListInfo)
						_this.orderListInfo.createTime = _this.renderTime(res.data.dataMap.createTime)
				   		if(this.orderListInfo.status===0&&this.orderListInfo.failStatus!==0){
				   			this.$api.ClassOrActivityRefundInfo({
				   				orderNumber:_this.orderListInfo.ordersNumber
				   			}).then((res) => {
				   			   	if (res.data.code == 200) {
				   			   		console.log(res.data.dataMap)
									this.refundInfo = res.data.dataMap
				   			   		// this.refundInfo.createTime = this.renderTime(res.data.dataMap.createTime)
									console.log(this.refundInfo.createTime)
				   		        }
				    	   })
				     }
		        }
	    })
	}
	}
</script>

<style scoped>
	.payment{
		width: 670rpx;
		height: 88rpx;
		background: #FF5551;
		border-radius: 44rpx;
		font-size: 32rpx;
		font-weight: 500;
		color: #FFFFFF;
		margin-top: 100rpx;
	}
	.pop-name>text:nth-child(1){
		font-size: 32rpx;
		font-weight: bold;
		color: #333333;
		margin-left: 13rpx;
	}
	.pop-name>text:nth-child(2){
		font-size: 32rpx;
		font-weight: 500;
		color: #999999;
		line-height: 120rpx;
	}
	.uni-lab>view:nth-child(1){
		margin-left: 20rpx;
		display: flex;
		align-items: center;
		margin-bottom: 20rpx;
	}
	.uni-lab{
		width: 690rpx;
		height: 100rpx;
		margin: 0rpx auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 20rpx;
	}
	.pop_images2{
		width: 52rpx;
		height: 52rpx;
	}
	.pop-c{
		text-align: center;
		margin-bottom: 60rpx;
	}
	.pop-c>text:nth-child(1){
		font-size: 40rpx;
		font-weight: 800;
		color: #333333;
	}
	.pop-c>text:nth-child(2){
		font-size: 80rpx;
		font-weight: 800;
		color: #333333;
	}
	.pop-t{
		display: flex;
		align-items: center;
		text-align: center;
		margin-top: 40rpx;
	}
	.pop-t>view{
		font-size: 30rpx;
		font-weight: bold;
		color: #333333;
		margin-left: 210rpx;
	}
	.pop_images1{
		width: 48rpx;
		height: 48rpx;
		margin-left: 40rpx;
	}
	.popup {
		width: 750rpx;
		height: 785rpx;
		background: #FFFFFF;
		border-radius: 60rpx 60rpx 0rpx 0rpx;
		overflow: hidden;
	}
	.t-name{
		margin-left: 7rpx;
	}
	.bg-img{
		width: 24rpx;
		height:22rpx
	}
	.icon_l{
		margin-left:15rpx ; 
		font-size: 20rpx;
		color: #999999;
	}
	.img4{
		margin-top: 60rpx;
		width: 160rpx;
		height: 95rpx;
	}
	.img3{
		margin-top: 70rpx;
		width: 200rpx;
		height: 55rpx;
	}
	.img2{
		margin-top: 70rpx;
		width: 240rpx;
		height: 55rpx;
	}
	.img1{
		margin-top: 70rpx;
		width: 200rpx;
		height: 55rpx;
	}
	.tabs {
		height: 100%;
		flex: 1;
		flex-direction: column;
		background-color: #F8F8F8;
	}
	.informion2{
		height: 50rpx;
		line-height: 50rpx;
		color: #999999;
		font-size: 30rpx;
		margin-top: 20rpx;
	}
	.informion4{
		/* height: 50rpx; */
		line-height: 50rpx;
		color: #999999;
		font-size: 30rpx;
		margin-top: 5rpx;
		display: flex;
		
	}
	.informion4>view:nth-child(1){
		width: 150rpx;
		margin-top: 10rpx;
	}
	.informion4>view:nth-child(2){
		width: 450rpx;
		margin-top: 10rpx;
	}
	.informion3{
		line-height: 50rpx;
		color: #999999;
		font-size: 30rpx;
		margin-top: 5rpx;
		
	}
	.informion3>view:nth-child(1){
		width: 198rpx;
		margin-top: 0rpx;
		float: left;
	}
	.informion3>view:nth-child(2){
		width: 450rpx;
		margin-top: 0rpx;
		margin-left: -50rpx;
		float: left;
	}
	.informion1{
		height: 50rpx;
		line-height: 50rpx;
		color: #999999;
		font-size: 30rpx;
		margin-top: 5rpx;
		
	}
	
	.informion1>text:nth-child(1){
		margin-top: 10rpx;
	}
	.informion1>text:nth-child(2){
		margin-top: 10rpx;
	}
	.informion>text:nth-child(2){
		position: absolute;
		right: 10rpx;
	}
	.informion{
		height: 70rpx;
		line-height: 70rpx;
		color: #999999;
		font-size: 30rpx;
		position: relative;
		
	}
	.order-infoTo{
		margin: 0 auto;
		width: 640rpx;
		border-top:2rpx solid #EEEEEE;
		/* height: 400rpx; */
	}
	.order-info{
		height: 70rpx;
		color: #333333;
		font-size: 30rpx;
		font-weight: bold;
	}
	.list-1 {
		padding: 0 0 0 20rpx;
	}
	
	.list-1 view:nth-child(1) {
		font-weight: 600;
		margin-top: -7rpx;
	}
	
	.list-1 view:nth-child(2) {
		font-size: 24rpx;
		margin-top: 50rpx;
		color: #9e9e9e;
	}
	.head1{
		font-size: 30rpx;
		color:#666666;
		height: 70rpx;
		display: flex;
		align-items: center;
	}
	uni-page-body {
		height: 100%;
		position: relative;
		background-color: #f8f8f8;
	}
	.head{
		width: 100%;
		height: 200rpx;
		text-align: center;
		
	}
	.img{
		width: 101rpx;
		height: 106rpx;
		margin-top: 50rpx;
	}
	
	.image1{
		width: 180rpx;
		height: 115rpx;
		border-radius: 10rpx;
		
	}
	.font{
		color: #FF5551;
		font-size: 30rpx;
	}
	.card1 {
		display: flex;
		width: 650rpx;
		/* height: 330rpx; */
		margin: 10rpx auto;
		background-color: #FFFFFF;
		border-radius: 10rpx;
		padding: 20rpx 30rpx;
		/* margin-bottom: 30rpx; */
	}
	.card {
		display: flex;
		width: 650rpx;
		margin: 10rpx auto;
		background-color: #FFFFFF;
		border-radius: 10rpx;
		padding: 10rpx 30rpx;
		margin-bottom: 30rpx;
	}
	.lastcard {
		display: flex;
		height: 140rpx;
		width: 100%;
		align-items: center;
		position: absolute;
		bottom: 0;
		background-color: #ffffff;
	}
	.last-1-t{
		height: 80rpx;
		width: 240rpx;
		border-radius: 40rpx;
		border: 2rpx solid #999999;
		font-size: 30rpx;
		text-align: center;
		align-items: center;
		margin-left: 200rpx;
		line-height: 80rpx;
	}
	.last-3-t{
		line-height: 80rpx;
		height: 80rpx;
		width: 240rpx;
		border-radius: 40rpx;
		border: 2rpx solid #FF5551;
		background-color: #FF5551;
		color: #ffffff;
		font-size: 30rpx;
		text-align: center;
		margin-left: 480rpx;
	}
	.last-2-t{
		line-height: 80rpx;
		height: 80rpx;
		width: 240rpx;
		border-radius: 40rpx;
		border: 2rpx solid #FF5551;
		background-color: #FF5551;
		color: #ffffff;
		font-size: 30rpx;
		text-align: center;
		margin-left: 30rpx;
	}
</style>
